<template>
  <div class="message" @click="handleClick">
    <div class="me">
      <span class="follow">{{label}}</span>
      <span class="party">{{desc}}</span>
      <span class="iconfont iconjiantou1 jiantou"></span>
    </div>
  </div>
</template>

<script>
export default {
  props: ["label", "desc"],
  methods: {
    handleClick() {
      console.log("子组件触发了点击事件");
      this.$emit("barclick");
    }
  }
};
</script>

<style lang='less'>
.message {
  margin-left: 4.167vw;
  .me {
    border-bottom: 0.556vw solid #e7e7e7;
    height: 16.667vw;
    line-height: 16.667vw;
    position: relative;
    .follow {
      font-size: 5vw;
      color: #2c2c2c;
      padding-left: 5vw;
    }
    .party {
      float: right;
      padding-right: 12.889vw;
      color: #a0a0a0;
    }
    .jiantou {
      position: absolute;
      right: 0;
      top: 0;
      font-weight: 700;
      color: #dddddd;
      font-size: 5.556vw;
      padding-right: 5px;
    }
  }
}
</style>